﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        html, body
        {
            margin: 0px;
            width: 100%;
            height: 100%;
            font-size: 13px;
        }
        .gradient_body
        {
            /* Firefox 3.6 */
            background-image: -moz-linear-gradient(top, #FFFFFF, #D6DDEF); /* Safari & Chrome */
            background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FFFBEF),color-stop(1, #D6DDEF)); /* IE6 & IE7 */
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#D6DDEF'); /* IE8  */
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#D6DDEF')";
            width: 100%;
            height: 30px;
        }
        /*这个样式的意思是，-108，指离图片顶部少显式20px,总共显式13px高度，55表示离左边的边距*/
        .shortcut2
        {
            display: block;
            height: 13px;
            width: 13px;
            margin: 5px 0px 0px 5px;
            background: url(../Content/images/banner.png) no-repeat -55px -21px;
        }
        .shortcut .w
        {
            width: 200px;
            margin: 5px 0px 0px 35px;
            color: #FFAA24;
        }
        /*以下是裁剪图片，img中class为img1的图片被裁剪*/
        img.img1
        {
            position: absolute;
            border: #000 1px solid;
            clip: rect(45px 81px 90px 40px);
        }
    </style>
    <script type="text/javascript" language="javascript">
        function addToFavorite() {
            var a = "http://www.360buy.com/";
            var b = "京东商城-网购上京东，省钱又放心";
            if (document.all) {
                window.external.AddFavorite(a, b)
            } else
                if (window.sidebar) {
                    window.sidebar.addPanel(b, a, "")
                } else {
                    alert("对不起，您的浏览器不支持此操作!\n请您使用菜单栏或Ctrl+D收藏本站。")
                }
        }
    </script>
</head>
<body>
    <div class="gradient_body">
        <div class="shortcut">
            <div class="w">
                <b>+</b><a href="javascript:void(0)" onclick="addToFavorite()">收藏</a>AASDFAS</div>
        </div>
    </div>
    <div>
        原始图片
        <img src="../Content/images/banner.png" />
    </div>
    <div>
        裁剪过的图片
        <img class="img1" src="../Content/images/banner.png" />
    </div>
</body>
</html>
